<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width" />
<title>首页模板</title>
<link href="layui/css/layui.css" rel="stylesheet" type="text/css">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet"
	type="text/css">
<link href="css/index_style.css" rel="stylesheet" type="text/css">
<link href="css/animate.min.css" rel="stylesheet" type="text/css">

</head>
<body>
	<div id="menu" class="hover_animation menu_open" data-mark="false">
		<span></span> <span></span> <span></span>
	</div>
	<div id="navgation" class="navgation navgation_close">
		<ul class="point">
			<li><a href="#">首页</a></li>
			<li><a href="article.html?pageNum=1">博客</a></li>
			<li><a href="message.html">留言</a></li>
		</ul>
		<div class="logo">
			<a>Mr.Yss</a>
		</div>
	</div>
	<div class="section" id="section1">
		<div class="fp-tablecell">
			<div class="page1">
				<div class="nav wow zoomIn" data-wow-duration="2s">
					<h1>HXZ</h1>
					<p>但问耕耘，莫问前程</p>
					<a class="layui-btn layui-btn-normal" style="margin-top: 20px"
						onclick="article()">Enter Blog</a>
				</div>
				<a class="next wow fadeInUp" data-wow-duration="2s" id="next"></a>
			</div>
		</div>
	</div>
	<div class="section" id="section2">
		<div class="fp-tablecell">
			<div class="page2">
				<div class="warp-box">
					<div class="new-article">
						<div class="inner wow fadeInDown" data-wow-delay=".2s">
							<h1>热门文章</h1>
							<p>
								很想给你写封信,告诉你这里的天气. <br>昨夜的那场电影,还有我的心情.
							</p>
						</div>
					</div>
					<div class="layui-row" id="top3"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="section" id="section3">
		<div class="fp-tablecell">
			<div class="page3">
				<div class="warp-box">
					<div class="warp">
						<div class="inner">
							<div class="links">
								<ul>
									<li class="wow fadeInLeft"><a href="#">关于</a></li>
									<li class="wow fadeInRight"><a href="#">+友情链接</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="section" id="section4">
		<div class="fp-tablecell">
			<div class="page4">
				<div class="warp-box">
					<div class="about">
						<div class="inner">
							<h1 class="wow fadeInLeft">次元使者</h1>
							<p class="wow fadeInRight">
								爱好游戏，动漫。闲来无事喜欢在一些不健康的场所虚度光阴，撸起代码就会废寝忘食。</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer class="footer wow fadeInUp" id="contact">
		<div class="footer-top">
			<div class="container">
				<div class="layui-row">
					<div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
						<div class="single-widget about">
							<div class="footer-logo">
								<h2>HXZ</h2>
							</div>
							<p>剑气纵横三万里，一剑光寒十九洲。</p>
							<div class="button">
								<a href="#" class="btn layui-btn layui-btn-normal">About Me</a>
							</div>
						</div>
					</div>
					<div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
						<div class="single-widget">
							<h2>相关链接</h2>
							<ul class="social-icon">
								<li class="active"><a href="#"><i class="fa fa-book"></i>博文</a></li>
								<li class="active"><a href="#"><i
										class="fa fa-comments"></i>留言</a></li>
								<li class="active"><a href="#"><i class="fa fa-share"></i>资源</a></li>
								<li class="active"><a href="#"><i
										class="fa fa-snowflake-o"></i>日记</a></li>
								<li class="active"><a href="#"><i class="fa fa-files-o"></i>归档</a></li>
							</ul>
						</div>
					</div>
					<div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
						<div class="single-widget contact">
							<h2>联系我</h2>
							<ul class="list">
								<li><i class="fa fa-map"><a
										href="https://map.baidu.com/search/%E6%B2%B3%E5%8C%97%E5%86%9C%E4%B8%9A%E5%A4%A7%E5%AD%A6/@12856164.298959536,4673923.470000001,17.36z?querytype=s&da_src=shareurl&wd=%E6%B2%B3%E5%8C%97%E5%86%9C%E4%B8%9A%E5%A4%A7%E5%AD%A6&c=307&src=0&wd2=%E4%BF%9D%E5%AE%9A%E5%B8%82%E8%8E%B2%E6%B1%A0%E5%8C%BA&pn=0&sug=1&l=12&b=(12805166.52,4654841.4;12903470.52,4700025.4)&from=webmap&biz_forward=%7B%22scaler%22:2,%22styles%22:%22pl%22%7D&sug_forward=999b836d6d1d87bf2fe67b37&device_ratio=2"></i>地址:
									河北省保定市河北农业大学</li>
								</a>
								<li><i class="fa fa-qq"><a
										href="https://ti.qq.com/open_qq/index2.html?url=mqqapi%3a%2f%2fuserprofile%2ffriend_profile_card%3fsrc_type%3dweb%26version%3d1.0%26source%3d2%26uin%3d1278028562&from=singlemessage"></a></i>
									QQ:1278028562</li>
								<li><i class="fa fa-envelope"></i>邮箱: 1278028562@qq.com</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="copyright">
			<div class="container">
				<div class="layui-row">
					<div
						class="layui-col-xs12 layui-col-sm12 layui-col-md12 text-center">
						<p>Copyright &copy; 2019.9-2019.11 HXZ All Rights Reserved
							V.1.0</p>
					</div>
				</div>
			</div>
		</div>
	</footer>

	<script src="layui/layui.js"></script>
	<script src="js/wow.min.js"></script>
	<script src="js/index.js"></script>


	<script type="text/javascript">
		var pageNum = 1;
		function article(wtid) {
			document.cookie = "pageNum=" + pageNum; //增加值对到cookie，原生js自带的方法。
			window.location.href = "article.html"; //跳转页面
			console.log(wtid);
	
		}
	</script>
</body>
</html>